<!DOCTYPE html>
<html lang="zh-CN">
    <head>
        <meta charset="UTF-8" />
        <title>02_CSS三大特性-层叠性</title>
        <link rel="stylesheet" href="./css/02_CSS三大特性-层叠性.css">
        <style>
            /* （1）在当前文件的style标签中书写 */
            /* div {
                color: coral;
            }

            div {
                color: yellowgreen;
            } */


            /* 内部样式和外部样式的优先级取决于书写位置
               id选择器的优先级大于元素选择器 */

            /* 在不同文件中的样式依然遵循着选择器优先级  */
            div {
                color: red;
            }
        </style>
    </head>
    <body>
        <div id="d1">
            今天下冰雹。。。。
        </div>
    </body>
</html>